<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 shrink-to-fit=no">
    <title>Welcome to Rocky's website!</title>
    <link rel="stylesheet" href="../style/main.css">

    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../style/navbar-fixed-left.css">
    <link rel="stylesheet" href="../style/common.css">
    <link rel="stylesheet" href="../style/colorful.css">
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7664629045569792"
        crossorigin="anonymous"></script>
</head>

<body class="text-center body" id="page-top hw_back">
    <nav class="navbar navbar-expand-lg navbar-dark fixed-left" id="sideNav hw_nav" role="banner"
        style="background-color: #1E88E5">
        <a class="navbar-brand js-scroll-trigger">
            <span class="d-block d-lg-none margin-banner">Welcome to Rocky's website!</span>
            <span class="d-none d-lg-block">
                <!-- <p id="xmas_greet" class="xmas_greet">&nbsp;</p> -->
                <img class="img-fluid img-profile mx-auto mb-2 rocky_scale" onmousemove="hi()" onmouseout="hi_()"
                    src="../xmas/snowman_rocky_tp.webp" id="xmas_easter" />
                <figcaption class="p1-1d" id="fc"><em>Artwork by 糖悠悠</em></figcaption>
            </span>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
            aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span
                class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse special" id="navbarResponsive">
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item"><a class="nav-link " href="#">Home</a></li>
                <li class="nav-item"><a class="nav-link " href="about.html">About me</a></li>
                <li class="nav-item"><a class="nav-link " href="story.html">Story</a></li>
                <li class="nav-item"><a class="nav-link " href="gallery.html">Gallery</a></li>
                <li class="nav-item"><a class="nav-link " href="playground.html">Playground</a></li>
            </ul>
            <ul class="navbar-nav mr-auto mt-auto">
                <li class="nav-item"><a class="nav-link" href="../lang_new.html"><img src="../icons/lang_switch.svg"
                            class="lang_switch"> Language: English</a></li>
                <li class="nav-item sn"><a class="nav-link" href="https://twitter.com/kirbysfan2"><img
                            src="../icons/Twitter.svg" class="twitter" alt></a><a
                        href="https://www.instagram.com/kirbysfan2/"><img src="../../icons/Instagram.svg" alt=""></a>
                </li>
            </ul>
        </div>
    </nav>
    <div class="container-fluid p-0 correct">
        <button type="button" class="btn top btn-floating btn-lg" id="btn-back-to-top">
            <i class="fas fa-arrow-up">▲</i>
        </button>
        <div>
            <img src="../welcome_new.png" class="welcome" id="welcome">
        </div>
        <h1 id="Countdown">

        </h1>
        <!--<div>
            <div style="margin: 32px 0 0 0;" id="newYearCountdown"></div>
            <div id="newYearStatus">
                <div id="newYearStatusP"></div>
            </div>
        </div>!-->
        <div class="content">
            <div>
                <div class="box0 textbox" id="hw_sect">
                    <div class="text">
                        <p class="greeting" id="hw_cont"><strong>Meet Rocky!!!</strong></p>
                        <p class="greeting1" id="hw_cont"><strong>A cute cat who's a mania of technology while eagering
                                to be cuter!</strong></p>
                        <div class="p_outer" onmouseover="showButton()" onmouseleave="hideButton()">
                            <div class="c_button" id="c_button">
                                <div onclick="change_minus()">
                                    <p>
                                        < </p>
                                </div>
                                <div onclick="change()">
                                    <p>></p>
                                </div>
                            </div>
                            <img id="PicChange" src="../ss/1.png">
                        </div>
                        <p id="p_dt">Artwork by 語嫿</p>
                        <p class="gap"></p><br>
                        <p class="greeting2" id="hw_cont">
                            Nyahoo!!! This is Rocky!!!<br>
                            Nice to meet you all!!!<br>
                        </p>
                        <p class="greeting1" id="hw_cont">
                            Now where you are is my personal website, so why don't you take a look around here? （*＾-＾*）
                        <p class="hideit">(As long as you don't make me in fury...)</p>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="caution">
            <p><strong>The DNAxCAT character body is copyrighted to DNAxCAT.</strong></p>
        </div>
    </div>
    <script src="../bootstrap/js/bootstrap.bundle.js"></script>
    <script src="../js/scripts.js"></script>

    <script src="../js/picChange.js"></script>

    <body>

</html>